<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PC-右侧工具栏</title>
</head>

<body>


    <div class="fab-group" style="bottom:24px">
        <!--悬浮图片-->
        <div class="shopping-entry-logo"><img src="./images/t01ae5b4b78d68bc16e.gif"></div>
        <!--工具栏-->
        <div id="fab-menu" class="fab-menu">
            <div class="wrapper">
                <div class="text-with-icon register"><svg xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" version="1.1" width="24"
                        height="24" viewBox="0 0 24 24" class="">
                        <g style="mix-blend-mode:passthrough">
                            <g style="mix-blend-mode:passthrough">
                                <g style="mix-blend-mode:passthrough">
                                    <rect x="0" y="0" width="24" height="24" rx="0" fill="#000000" fill-opacity="0">
                                    </rect>
                                </g>
                                <g style="mix-blend-mode:passthrough">
                                    <path
                                        d="M14.99951171875,7C14.99951171875,9.761420000000001,12.76091171875,12,9.99951171875,12C7.23809171875,12,4.99951171875,9.761420000000001,4.99951171875,7C4.99951171875,4.23858,7.23809171875,2,9.99951171875,2C12.76091171875,2,14.99951171875,4.23858,14.99951171875,7ZM12.99951171875,7Q12.99951171875,5.75736,12.12081171875,4.878690000000001Q11.24217171875,4.00001,9.99951171875,4Q8.75687171875,4,7.87817171875,4.878690000000001Q6.99949171875,5.75737,6.99951171875,7Q6.99951171875,8.24264,7.87817171875,9.121310000000001Q8.75685171875,9.99999,9.99951171875,10Q11.24215171875,10,12.12081171875,9.121310000000001Q12.99951171875,8.24263,12.99951171875,7ZM1.99951171875,21.2C1.99951171875,21.6418,2.35766571875,22,2.79956071875,22L12.79951171875,22C12.91001171875,22,12.99951171875,21.9105,12.99951171875,21.8L12.99951171875,20.2C12.99951171875,20.0895,12.91001171875,20,12.79951171875,20L3.99951171875,20L3.99951171875,19Q3.99951171875,17.3431,5.17114171875,16.171599999999998Q6.34277171875,15,7.99951171875,15L12.79951171875,15C12.91001171875,15,12.99951171875,14.9105,12.99951171875,14.8L12.99951171875,13.2C12.99951171875,13.0895,12.91001171875,13,12.79951171875,13L7.99951171875,13C4.68579171875,13,1.99951171875,15.6863,1.99951171875,19L1.99951171875,21.2ZM18.99951171875,14.2C18.99951171875,14.0895,18.91001171875,14,18.79951171875,14L17.19951171875,14C17.08901171875,14,16.99951171875,14.0895,16.99951171875,14.2L16.99951171875,17L14.19951171875,17C14.08901171875,17,13.99951171875,17.0895,13.99951171875,17.2L13.99951171875,18.8C13.99951171875,18.9105,14.08901171875,19,14.19951171875,19L16.99951171875,19L16.99951171875,21.8C16.99951171875,21.9105,17.08901171875,22,17.19951171875,22L18.79951171875,22C18.91001171875,22,18.99951171875,21.9105,18.99951171875,21.8L18.99951171875,19L21.79951171875,19C21.91001171875,19,21.99951171875,18.9105,21.99951171875,18.8L21.99951171875,17.2C21.99951171875,17.0895,21.91001171875,17,21.79951171875,17L18.99951171875,17L18.99951171875,14.2Z"
                                        fill-rule="evenodd" fill="currentColor" fill-opacity="1"></path>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <div class="text">免费注册</div>
                </div> <a href="/support" title="查看帮助" class="help">
                    <div class="text-with-icon" data-v-2e8b4219=""><svg xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" version="1.1" width="24"
                            height="24" viewBox="0 0 24 24" data-v-2e8b4219="" class="">
                            <g style="mix-blend-mode:passthrough" data-v-2e8b4219="">
                                <g style="mix-blend-mode:passthrough" data-v-2e8b4219="">
                                    <path
                                        d="M12,23C18.0751,23,23,18.0751,23,12C23,5.92487,18.0751,1,12,1C5.92487,1,1,5.92487,1,12C1,18.0751,5.92487,23,12,23ZM20.3681,8.687149999999999Q21,10.28331,21,12Q21,13.7167,20.3681,15.3129Q19.682,17.0459,18.364,18.364Q17.0459,19.682,15.3129,20.3681Q13.7167,21,12,21Q10.28331,21,8.687149999999999,20.3681Q6.95406,19.682,5.63604,18.364Q4.318020000000001,17.0459,3.63191,15.3129Q3,13.7167,3,12Q3,10.28331,3.63191,8.687149999999999Q4.318020000000001,6.95406,5.63604,5.63604Q6.95406,4.318020000000001,8.687149999999999,3.63191Q10.28331,3,12,3Q13.7167,3,15.3129,3.63191Q17.0459,4.318020000000001,18.364,5.63604Q19.682,6.95406,20.3681,8.687149999999999ZM9.15943,6.52369C9.877,5.84171,10.81877,5.5,11.984,5.5L11.9855,5.5C13.2122,5.5,14.1869,5.84602,14.9128,6.53733C15.6386,7.22865,16,8.033380000000001,16,8.95083C16,9.45837,15.868,9.94006,15.6026,10.39304C15.3364,10.8453,14.7681,11.4634,13.8983,12.2437C13.4484,12.6472,13.1687,12.9724,13.06,13.2186C12.9512,13.4641,12.901,13.9042,12.9115,14.5373L10.97173,14.5373C10.96649,14.2373,10.96423,14.0535,10.96423,13.9889C10.96423,13.3112,11.0692,12.7541,11.2762,12.3177C11.4831,11.8812,11.9,11.3895,12.5224,10.84315C13.1447,10.29685,13.5181,9.93935,13.6396,9.76993C13.8263,9.50216,13.9208,9.20711,13.9208,8.88478C13.9208,8.43827,13.7536,8.05492,13.4214,7.73618C13.0892,7.41745,12.6408,7.25808,12.077,7.25808C11.5341,7.25808,11.079,7.42463,10.71379,7.75628C10.34863,8.08794,10.03521,8.8209,9.96023,9.27459C9.88975,9.70245,7.97697,9.88263,8.00021,9.01544C8.02345,8.148240000000001,8.441849999999999,7.20711,9.15943,6.52369ZM11,15.7C11,15.5895,11.0895,15.5,11.2,15.5L12.8,15.5C12.9105,15.5,13,15.5895,13,15.7L13,17.3C13,17.4105,12.9105,17.5,12.8,17.5L11.2,17.5C11.0895,17.5,11,17.4105,11,17.3L11,15.7Z"
                                        fill-rule="evenodd" fill="currentColor" fill-opacity="1" data-v-2e8b4219="">
                                    </path>
                                </g>
                            </g>
                        </svg>
                        <div class="text">帮助</div>
                    </div>
                </a> <a target="_blank" href="http://zhike.help.360.cn/?rid=93183877-49e2-4341-8229-64535ba72174"
                    title="咨询客服" class="service">
                    <div class="text-with-icon" data-v-fa74c642=""><svg xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" version="1.1" width="24"
                            height="24" viewBox="0 0 24 24" data-v-fa74c642="" class="">
                            <defs data-v-fa74c642="">
                                <clipPath id="master_svg0_1047_07500" data-v-fa74c642="">
                                    <rect x="0" y="0" width="24" height="24" rx="0" data-v-fa74c642="">
                                    </rect>
                                </clipPath>
                            </defs>
                            <g style="mix-blend-mode:passthrough" data-v-fa74c642="">
                                <g clip-path="url(#master_svg0_1047_07500)" data-v-fa74c642="">
                                    <g data-v-fa74c642="">
                                        <path
                                            d="M4.003,15.5L3.5,15.5C2.705721,15.5,2.0490977,14.8809,2.0025,14.088L2,14L2,11C2,10.20572,2.619089,9.5491,3.412,9.502500000000001L3.5,9.5L4.0035,9.5L4.005,9.3875C4.09,5.295,7.57,2,12,2C16.471,2,19.97,5.3565000000000005,19.9935,9.5L20.5,9.5C21.3284,9.5,22,10.17157,22,11L22,14C22,14.8284,21.3284,15.5,20.5,15.5L19.9425,15.5C19.58,19.9885,17.2905,21.7865,13.6885,21.982C13.6264,21.9941,13.5633,22,13.5,22L10.5,22C9.94772,22,9.5,21.5523,9.5,21L9.5,19C9.5,18.4477,9.94772,18,10.5,18L13.5,18C14.0523,18,14.5,18.4477,14.5,19L14.5,19.687C16.813499999999998,19.3245,17.993000000000002,17.916,17.993000000000002,14.184L17.993000000000002,11.5L17.9955,11.5L17.996000000000002,9.541C17.996000000000002,6.603,15.481,4,12,4C8.5185,4,5.999499999999999,6.6035,5.999499999999999,9.541L5.9990000000000006,10.9705L6,11L5.999499999999999,14.5C5.999499999999999,15.0523,5.55178,15.5,4.999499999999999,15.5L3.5,15.5L4.003,15.5Z"
                                            fill-rule="evenodd" fill="currentColor" fill-opacity="1" data-v-fa74c642="">
                                        </path>
                                    </g>
                                </g>
                            </g>
                        </svg>
                        <div class="text">客服</div>
                    </div>
                </a>
                <div class="text-with-icon follow-weixin"><svg xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" version="1.1" width="24"
                        height="19.71428680419922" viewBox="0 0 24 19.71428680419922" class="">
                        <g>
                            <path
                                d="M22.6549,15.7494C22.2066,15.8398,21.7792,16.0148,21.3949,16.2652C21.0183,16.6649,20.5428,16.9555,20.0178,17.1068C20.0878,16.6314,20.3208,16.1975,20.6729,15.8768C20.9676,15.4218,21.18,14.9173,21.2999,14.387C21.2983,13.6331,21.9009,13.0205,22.6463,13.0185C23.3916,13.0165,23.9976,13.6257,24,14.3796C24.0024,15.1334,23.4003,15.7466,22.6549,15.7494ZM20.1849,12.4793C19.7371,12.1791,19.2399,11.962,18.7168,11.8381C17.9712,11.8381,17.3667,11.2267,17.3667,10.4726C17.3667,9.71849,17.9712,9.10715,18.7168,9.10715C19.4624,9.10715,20.0669,9.71849,20.0669,10.4726C20.1548,10.9268,20.3258,11.3603,20.5709,11.7511C20.9636,12.1351,21.248,12.6179,21.3949,13.15C20.9282,13.0746,20.5018,12.8376,20.1889,12.4794L20.1839,12.4794L20.1849,12.4793ZM17.9608,7.66683C17.5538,4.21878,14.0236,1.51718,9.75244,1.51718C5.20223,1.51718,1.50008,4.57988,1.50008,8.34653C1.57294,10.4615,2.67708,12.4025,4.44821,13.5292C4.73554,13.7434,5.03618,13.9387,5.34825,14.1139L4.98225,15.5916C5.11424,15.6543,5.24225,15.7211,5.37724,15.7787L7.22533,14.8441C7.49533,14.9149,7.77936,14.9604,8.06135,15.009C8.24136,15.0414,8.42138,15.0747,8.60639,15.097C9.75888,15.2439,10.9282,15.1761,12.0565,14.8967C12.0915,15.4025,12.1827,15.9026,12.3285,16.3876C11.4841,16.5878,10.6198,16.69,9.75242,16.6921C8.97429,16.6876,8.19875,16.6012,7.43834,16.4341L4.08515,18.1273C3.82443,18.2622,3.50959,18.2289,3.2821,18.0424C3.05373,17.8574,2.95261,17.5549,3.02311,17.2676L3.62312,14.8239C1.42435,13.4097,0.0659574,10.9812,0,8.34653C0,3.73633,4.36617,0,9.75242,0C14.8666,0,19.0548,3.37219,19.4628,7.65876C19.2279,7.62219,18.9912,7.59856,18.7538,7.58796C18.4888,7.59807,18.2238,7.62334,17.9607,7.66583L17.9608,7.66683ZM14.8456,13.0508C15.2947,12.9598,15.7217,12.7858,16.1057,12.535C16.4828,12.1359,16.9586,11.846,17.4838,11.6955C17.4122,12.1692,17.1803,12.6032,16.8277,12.9234C16.5327,13.3785,16.3207,13.8843,16.2007,14.4143C16.2018,15.168,15.5989,15.7801,14.8537,15.7817C14.1084,15.7834,13.5028,15.1741,13.5006,14.4203C13.4984,13.6666,14.1004,13.0536,14.8456,13.0508ZM17.2777,16.336C17.7238,16.6385,18.2198,16.8569,18.7418,16.9834C19.4874,16.9834,20.0919,17.5947,20.0919,18.3488C20.0919,19.1029,19.4874,19.7143,18.7418,19.7143C17.9962,19.7143,17.3918,19.1029,17.3918,18.3488C17.3057,17.8941,17.1361,17.4598,16.8917,17.0683C16.5005,16.6826,16.2181,16.1983,16.0737,15.6654C16.5408,15.7432,16.9666,15.9832,17.2777,16.3441L17.2777,16.336Z"
                                fill="currentColor" fill-opacity="1"></path>
                        </g>
                    </svg>
                    <div class="text">添加微信</div>


                    <!--添加微信框-->
                    <div style="position: absolute; top: 0px; left: 0px; width: 100%;">
                        <div>
                            <div class="ant-popover follow-weixin-popover ant-popover-placement-left"
                                style="left: -396px; top: 162px; transform-origin: 359px 50%; padding-right: 10px;display: none;">
                                <div class="ant-popover-content">
                                    <div role="tooltip" class="ant-popover-inner">
                                        <div>
                                            <div class="ant-popover-inner-content">
                                                <div class="detail">
                                                    <div class="qr-code"></div>
                                                    <div class="intro">
                                                        <div class="title">添加专属顾问微信，即可获得</div>
                                                        <div class="desc-list">
                                                            <div class="desc">1. 产品使用资料包</div>
                                                            <div class="desc">2. 赠送1个月高级版服务</div>
                                                            <div class="desc">3. 企业安全行业白皮书</div>
                                                            <div class="desc">4. 行业专属安全解决方案</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>



        </div>
        <!--s返回顶部按钮-->
        <div class="back-top"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                fill="currentColor" version="1.1" width="24" height="24" viewBox="0 0 24 24" class="">
                <g transform="matrix(0,1,-1,0,24,-24)">
                    <g>
                        <path
                            d="M26.5140275,10.38380853515625L25.5909415,11.35344853515625C25.2510751,11.71044853515625,25.2510663,12.28929853515625,25.5909215,12.64629853515625L26.5140275,13.61599853515625L34.0520075,21.53459853515625C34.1369675,21.62389853515625,34.2747275,21.62389853515625,34.3596875,21.53459853515625L35.5902375,20.24179853515625C35.6752375,20.15249853515625,35.6751375,20.00779853515625,35.5902375,19.91859853515625L29.1402875,13.14269853515625L45.7830375,13.14269853515625C45.9031375,13.14269853515625,46.0005375,13.04039853515625,46.0005375,12.91409853515625L46.0005375,11.08580853515625C46.0005375,10.95957853515625,45.9031375,10.85731853515625,45.7830375,10.85731853515625L29.1402375,10.85727853515625L35.5902375,4.08148853515625C35.6751375,3.99223853515625,35.6751375,3.84752853515625,35.5902375,3.7582785351562498L34.3594175,2.46541313515625C34.2744575,2.37616563515625,34.1367075,2.37616793515625,34.0517475,2.46541833515625L26.5140275,10.38380853515625Z"
                            fill-rule="evenodd" fill="currentColor" fill-opacity="1"></path>
                    </g>
                </g>
            </svg></div>
    </div>

    <style>
        .fab-group {
            display: flex;
            position: fixed;
            right: 16px;
            flex-direction: column;
            align-items: center;
            transition: bottom .3s;
            transition-delay: .2s;
            z-index: 99999;

            bottom: 24px
        }

        /*图片*/
        .shopping-entry-logo {
            position: fixed;
            float: right;
            bottom: 380px;
            right: -10px;
            width: 194px;
            height: 113px;
            z-index: 999;
            background-size: cover;
            opacity: 1;
            cursor: pointer;
        }

        .shopping-entry-logo>img {
            width: 100%;
            height: 100%;
        }

        /*工具*/
        .fab-menu {
            padding: 16px 12px;
            border-radius: 24px;
            background-color: #fff;
            box-shadow: 0 3px 4px 0 rgb(37 56 108 / 5%), 0 0 15px 0 rgb(49 70 125 / 8%);
        }

        .text-with-icon {
            margin-bottom: 16px;
            display: flex;
            flex-wrap: wrap;
            width: 26px;
            color: #191919;
        }

        .text-with-icon:hover {
            color: #356dee;
            cursor: pointer;
        }

        .text-with-icon svg {
            width: 24px;
            height: 24px;
        }

        .text-with-icon .text {
            width: 100%;
            font-size: 12px;
            text-align: center;
        }

        .fab-menu .wrapper>a {
            display: block;
            margin-bottom: 16px;
        }



        /*弹出内容*/
        .ant-popover {

            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: #333;
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5;
            list-style: none;
            font-feature-settings: "tnum", "tnum";
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1030;
            font-weight: 400;
            white-space: normal;
            text-align: left;
            cursor: auto;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
        }



        .ant-popover-inner {
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 2px;
            box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
        }

        .follow-weixin-popover .ant-popover-inner {
            border-radius: 8px;
            overflow: hidden;
        }

        .ant-popover-inner-content {
            padding: 0;
            color: #333;
        }

        .detail {
            display: flex;
            padding: 16px;
            width: 345px;
            height: 152px;
            background-image: linear-gradient(180deg, #e7f0ff 0, #fff);
        }

        .qr-code {
            width: 120px;
            height: 120px;
            background-image: url(./images/t01ee900d1e7b79e1fa.png);
            background-size: cover;
            background-repeat: no-repeat;
        }

        .intro {
            margin-left: 16px;
        }

        .intro .title {
            margin-bottom: 5px;
            height: 22px;
            line-height: 22px;
            font-family: PingFangSC-Medium;
            font-size: 13px;
            color: #356dee;
        }

        .intro .desc-list {
            line-height: 22px;
            font-size: 13px;
            color: #191919;
        }

        .follow-weixin:hover .ant-popover {
            display: block !important;
        }

        /*返回顶部*/
        .back-top {
            margin-top: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0 3px 4px 0 rgb(37 56 108 / 5%), 0 0 15px 0 rgb(49 70 125 / 8%);
        }



        img {
            vertical-align: middle;
            border-style: none;
        }

        a {
            color: #666;
            text-decoration: none;
            background-color: transparent;
            outline: 0;
            cursor: pointer;
            transition: color .3s;
            -webkit-text-decoration-skip: objects;
        }
    </style>
</body>

</html>